@import "./_color.scss";

// 全局盒子模型设置
*, *:before, *:after {
  box-sizing: border-box;
  /* 在X5新内核Blink中，在排版页面的时候，会主动对字体进行放大，会检测页面中的主字体，当某一块字体在我们的判定规则中，认为字号较小，并且是页面中的主要字体，就会采取主动放大的操作。然而这不是我们想要的，可以采取给最大高度解决 */
  max-height: 100000px;
}
html {
  height: 100vh;
}
a:hover{
  color: #666
}
body {
  background-color: #fff;
  font-family:Helvetica;
  color:$color3;
  height: 100vh;
  color: #757584;
}
.p10{
  padding: 0.1rem;
}
.p20{
  padding: 0.2rem;
}
.pl10{
  padding-left: 0.1rem;
}
.pr10{
  padding-right: 0.1rem;
}
.pt10{
  padding-top: 0.1rem;
}
.pb10{
  padding-bottom: 0.1rem;
}
.pl20{
  padding-left: 0.2rem;
}
.pr20{
  padding-right: 0.2rem;
}
.pt20{
  padding-top: 0.2rem;
}
.pb20{
  padding-bottom: 0.2rem;
}

.text-center{
  text-align: center
}
.text-left{
  text-align: left
}
.text-right{
  text-align: right
}
.block05{
  height: 0.05rem;
  background: #EEEEEE;
}
.block10{
  height: 0.1rem;
  background: #EEEEEE;
}
.am-flexbox .am-flexbox-item{
   margin-left:0!important;
}

a{
  color:$color6;
}
.clear{
  &:before,
  &:after{
    content: "";
    display: table;
    clear: both;
  }
}
.block{
  display: block;
}
.hide{
  display: none;
}
.mask{
  position: fixed;
  width:100%;
  height:100%;
  left:0;
  top:0;
  background: rgba(0,0,0,.7);
  z-index: 10;
}
.close{
  position: absolute;
  top:0;
  right: 0;
}
.fixed-bg{
  @extend .mask;
}
.fixed-bg{
  background: none;
  z-index: 11;
}
.fixed-bottom{
  position: fixed;
  width:100%;
  bottom:0;
  left:0;
  border-radius: 0;
}
.del{
  text-decoration: line-through;
}
.relative{
  position: relative;
}
.overflow-hidden{
  overflow: hidden;
}

// 均分
.equal {
  flex: 1;
}

// 不换行
.equal-no {
  flex: none;
}

.flex-wrp {
  display: flex;
}
.flex-flow-row{
  flex-flow: row;
  flex-wrap: wrap;
}
.flex-cell{
  flex-direction:column;
}
.flex-center{
  justify-content: center;
  align-items: center;
}
.flex-align-center{
  align-items: center;
}
.flex-align-stretch{
  align-items: stretch;
}
.flex-end{
  align-items: flex-end;
}
.flex-middle{
  justify-content:center;
}
.flex-bottom{
  justify-content:flex-end;
}
.flex-item {
  flex: 1;
}
.flex-reverse{
  flex-direction: row-reverse;
}
.flex-between{
  justify-content: space-between;
}
.color0 {
  color: $color0!important;
}
.color1 {
  color: $color1!important;
}
.color2 {
  color: $color2!important;
}
.color3{
  color:$color3!important;
}
.color4{
  color:$color4!important;
}
.color5 {
  color: $color5!important;
}
.color7{
  color:$color7!important;
}
.color23{
  color:$color23!important;
}
.color8{
  color:$color8!important;
}
.color9{
  color:$color9!important;
}
.color10{
  color:$color10!important;
}
.color11{
  color:$color11!important;
}
.color12{
  color:$color12!important;
}
.color13{
  color:$color13!important;
}
.color14{
  color:$color14!important;
}
.color15{
  color:$color15!important;
}
.color16{
  color:$color16!important;
}
.color17{
  color:$color17!important;
}
.color18{
  color:$color18!important;
}
.color19{
  color:$color19!important;
}
.color20{
  color:$color20!important;
}
.color21{
  color:$color21!important;
}
.color22{
  color:$color22!important;
}
.color24{
  color:$color24!important;
}
.color25{
  color:$color25!important;
}
.color26{
  color:$color26!important;
}
.bg-alpha{
  background-color: rgba(0,0,0,.7);
}

.bg-cover{
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;
}
.bg-fill{
  @extend .bg-cover;
  background-size:contain;
}
.bg-main{
  background-color: $color0!important;
}
.bg-white{
  background-color:$color10!important;
}
.bg-gray{
  background-color:rgb(202, 202, 217)!important;
}
.bg-green{
  background-color:#66d263!important;
}
.bg-orange{
  background-color: #ff9e05!important;
}
.bg-deeporange{
  background-color: #ff5500!important;
}
.bg-warn{
  background-color:#faebcc!important;
}
.bg-pink{
  background-color: #ff5b6b!important;
}
.bg-fen{
  background-color:#ffebed!important;
}
.bg-black{
  background-color:black!important;
}
.bg-smoke{
  background-color:#d1d3d9!important;
}
.bg-deepblue{
  background-color:#2c3242!important;
}
.bg-yellow{
  background-color:#eecd60!important;
}
.bg-redpacket{
  background-color:#f99d3a!important;
}
.bg-redpacket2{
  background-color:#e84b30!important;
}
.bg-deepred{
  background-color:#c31313!important;
}
.bg-blue{
  background-color:#0f9df3!important;
}
.bg-red{
  background-color: #f15b43;
}
.bg-deepyellow{
  background-color:#dcbc83!important;
}
.text-center{
  text-align: center;
}
.text-right{
  text-align: right;
}
.fr{
  float:right!important;
}
.fl{
  float:left!important;
}
.nbr{
  border:none!important;
}
.nbm{
  border-bottom: none!important;
}
.bl{
  border-left:1px solid #eee;
}
.border,
.border-b{
  border-bottom:1px solid #eee;
}
.border,
.border-t{
  border-top:1px solid #eee;
}
.border,
.border-l{
  border-left:1px solid #eee;
}
.border,
.border-r{
  border-right:1px solid #eee;
}
.border-color1{
  border-color:#e5e5e5!important;
}
.border-color0{
  // border-color:#1bbc9b!important;
}
.border-color5{
  border-color:#f50!important;
}
.border-color2{
  border-color:#2c3242!important;
}
.border-radius{
  border-radius:50%;
}
.avatar{
  border-radius: 50%;
}
.text-nowrap{
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space:nowrap;
  width:100%;
}
.lh150{
  line-height: 150%;
}
.nowrap{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.fixed-center{
  position: fixed;
  left:50%;
  top:50%;
  transform: translate(-50%,-50%);
  z-index: 11;
}
.w0{
  width:0;
}
.w100{
  width:100%;
}
.w50{
  width:50%;
}
.fullHeight{
  height:100vh;
}
.z1{
  z-index: 99;
}
// .my-img img {
//   display: block;
//   width: 100%;
//   max-width: 100%;
//   margin-top: 0.2rem;
// }
.mgtop10{
  margin-top: 0.1rem!important;
}
.mgt10{
  margin-bottom: 0.1rem!important;
}
.mgt20{
  margin-bottom: 0.2rem!important;
}
.mgt30{
  margin-bottom: 0.3rem!important;
}
.mgt40{
  margin-bottom: 0.4rem!important;
}
.mgl5{
  margin-left: 0.05rem!important;
}
.mgr5{
  margin-right: 0.05rem!important;
}
.mgl10{
  margin-left: 0.1rem!important;
}
.mgr10{
  margin-right: 0.1rem!important;
}
.font12{
  font-size: 0.12rem;
}
.font14{
  font-size: 0.14rem;
}
.font16{
  font-size: 0.16rem;
}
.font18{
  font-size: 0.18rem;
}
.font20{
  font-size: 0.2rem;
}
.font22{
  font-size: 0.22rem;
}
.font24{
  font-size: 0.24rem;
}
.font26{
  font-size: 0.26rem;
}

.ant-radio-wrapper{
  position: none!important;
}

.line12 {
  line-height: 1.5;
}
.flex1{flex: 1!important;}
.flex2{flex: 2!important;}
.flex3{flex: 3!important;}
.flex4{flex: 4!important;}
.flex5{flex: 5!important;}
.flex6{flex: 6!important;}
.flex7{flex: 7!important;}
.flex8{flex: 8!important;}
.flex9{flex: 9!important;}
.flex10{flex: 10!important;}

@for $i from 16 through 82 by 2{
  .size$i{font-size:$(i)px!important;}
}
@for $i from 5 through 50 by 5{
  .pd$(i),.ptb$(i),.pt$(i){padding-top:$(i)px!important;}
  .pd$(i),.ptb$(i),.pb$(i){padding-bottom:$(i)px!important;}
  .pd$(i),.plr$(i),.pl$(i){padding-left:$(i)px!important;}
  .pd$(i),.plr$(i),.pr$(i){padding-right:$(i)px!important;}
  .mg$(i),.mtb$(i),.mt$(i){margin-top:$(i)px!important;}
  .mg$(i),.mtb$(i),.mb$(i){margin-bottom:$(i)px!important;}
  .mg$(i),.mlr$(i),.ml$(i){margin-left:$(i)px;}
  .mg$(i),.mlr$(i),.mr$(i){margin-right:$(i)px!important;}
}
@for $i from 5 through 50 by 5{
  .border-radius$(i){border-radius:$(i)px!important;}
}
@each $size in (30,50,60,70,80,90,100,110,120,150,160,200,400) {
  .img-$(size){width:$(size)px!important;height:$(size)px!important;}
}

.fade-enter {
  opacity: 0;
  animation-duration: .5s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  animation-play-state: paused;
}

.fade-appear {
  opacity: 0;
  animation-duration: .5s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  animation-play-state: paused;
}

.fade-leave {
  animation-duration: .5s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  animation-play-state: paused;
}

.fade-enter.fade-enter-active {
  animation-name: fadeIn;
  animation-play-state: running;
}

.fade-appear.fade-appear-active {
  animation-name: fadeIn;
  animation-play-state: running;
}

.fade-leave.fade-leave-active {
  animation-name: fadeOut;
  animation-play-state: running;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.displayBlock{
  display: block
}
.displayNone{
  display: none
}

.ant-btn{
  display: none;
}

.ant-btn-primary{
  display: inline;
}
.ant-modal-footer div{
  text-align: center;
}
.ant-modal-footer button+button {
  margin-bottom: 0;
}
.ant-modal-close-x{
  color: #fff;
}
.ant-modal-title{
  color: #fff;
}
.ant-modal-header{
  background: #46A1FC;
}



.nullBox{
  height: 50vh;
  .nullItem{
    display: flex;
    align-items: center;
    .btn{
      background: #75BAFF;
      width: 1.18rem;
      height: 0.38rem;
      text-align: center;
      line-height: 0.38rem;
      color: #fff;
    }
    img{
      height: 2rem;
    }
  }
  
}


.ant-fullcalendar-content{
  display: block;
  margin: 0 auto;
  color: rgba(0,0,0,.65);
  border-radius: 0.02rem;
  width: 24px;
  height: 24px;
  padding: 0;
  background: transparent;
  line-height: 24px;
  -webkit-transition: all .3s;
  transition: all .3s;
  top: 7px;
  left: 5px;
}






//日历
div,ul,li {
  margin: 0;
  padding: 0;
}

ul,li {
  list-style: none;
}

a {
  text-decoration: none;
  color: #757584;
}

.calendar {
  width: 100%;
}

.calendar-header {
  width: 100%;
  text-align: center;
  padding: 13px 0;
  line-height: 14px;
  border-bottom: 1px solid #ddd;
}

.calendar-header>i{
  display: inline-block;
  width: 14px;
  height: 14px;
  vertical-align: -2px;
  position: relative;
}

.calendar-header>span {
  margin: 0 5%;
}

.calendar-header>.icon-left:before,
.calendar-header>.icon-left:after,
.calendar-header>.icon-right:before,
.calendar-header>.icon-right:after
{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
}

.calendar-header>.icon-left:before {
  border: 7px solid red;
  border-color: transparent #666 transparent transparent;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

.calendar-header>.icon-left:after {
  border: 7px solid #fff;
  border-color: transparent #fff transparent transparent;
  -webkit-transform: translateX(-40%);
  -moz-transform: translateX(-40%);
  -ms-transform: translateX(-40%);
  -o-transform: translateX(-40%);
  transform: translateX(-40%);
}

.calendar-header>.icon-right:before {
  border: 7px solid red;
  border-color: transparent transparent transparent #666;
  -webkit-transform: translateX(50%);
  -moz-transform: translateX(50%);
  -ms-transform: translateX(50%);
  -o-transform: translateX(50%);
  transform: translateX(50%);
}

.calendar-header>.icon-right:after {
  border: 7px solid #fff;
  border-color: transparent transparent transparent #fff;
  -webkit-transform: translateX(40%);
  -moz-transform: translateX(40%);
  -ms-transform: translateX(40%);
  -o-transform: translateX(40%);
  transform: translateX(40%);
}

.calendar-body>.c-body-head {
  width: 100%;
  display: flex;
}

.calendar-body>.c-body-head>li {
  flex : 1;
  text-align: center;
  padding: 10px 0;
}

.calendar-body>.c-body-content {
  width: 100%;
}

.calendar-body>.c-body-content>ul {
  display: flex;
}

.calendar-body>.c-body-content>ul>li {
  flex: 1;
  text-align: center;
  padding: 5px 0;
}

.content-row>.item-gray>a {
  color: #ccc;
}

.content-row>.item-tag>a {
  background: #6AB5FF;
  color: #fff;
  border-radius: 50%;
  position: relative;
}

// .content-row>.item-tag>a:after{
//   content: '';
//   width: 8px;
//   height: 8px;
//   position: absolute;
//   bottom: 0;
//   left: 50%;
//   -webkit-transform: translate3D(-50%, 70%, 0);
//   -moz-transform: translate3D(-50%, 70%, 0);
//   -ms-transform: translate3D(-50%, 70%, 0);
//   -o-transform: translate3D(-50%, 70%, 0);
//   transform: translate3D(-50%, 70%, 0);
//   background-color: #b0ceee;
//   border-radius: 50%;
// }

.content-row>li>a {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
}

.content-row>.item-current {
  text-align: center;
}
.content-row>.item-current>a {
  background-color: #1a85ff;
  color: #fff;
  border-radius: 50%;
}
.item-active{
  
  a{
    background: #1a85ff!important;
    border-radius: 50%;
    color: #fff!important;
  }
}
.investRecordBox{
   .am-tabs-pane-wrap-active{
    height: auto!important;
    min-height: 100vh;
  }
  .am-tabs{
    height: auto!important;
    min-height: 100vh;
  }
  .am-flexbox{
    overflow: auto!important;
  }
}

.am-accordion .am-accordion-item .am-accordion-header{
  font-size: 0.12rem!important;
  height: 0.24rem!important;
  line-height: 0.24rem!important;
}
.am-accordion .am-accordion-item .am-accordion-header i{
  top:0.05rem!important;
  right: 0.1rem!important;
  width: 0.1rem!important;
  height: 0.1rem!important;
}
.am-accordion-content-box{
  font-size: 0.12rem!important;
}


.authFlagDialog{
  .ant-modal-body{
      padding: 0!important;
      padding-bottom: 0.2rem!important;
  }
}